
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-duihuakuang"></i>
                    <div class="name">对话框</div>
                    <div class="fontclass">.icon-duihuakuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti1"></i>
                    <div class="name">笔</div>
                    <div class="fontclass">.icon-weibiaoti1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dibiao"></i>
                    <div class="name">地标</div>
                    <div class="fontclass">.icon-dibiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-1"></i>
                    <div class="name">奖杯1</div>
                    <div class="fontclass">.icon-1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huizhimobangaoqingtubiaosvgfuzhi"></i>
                    <div class="name">笔</div>
                    <div class="fontclass">.icon-huizhimobangaoqingtubiaosvgfuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinglun"></i>
                    <div class="name">评 论</div>
                    <div class="fontclass">.icon-pinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibo"></i>
                    <div class="name">微博</div>
                    <div class="fontclass">.icon-weibo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bingtu"></i>
                    <div class="name">饼图</div>
                    <div class="fontclass">.icon-bingtu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liuyan"></i>
                    <div class="name">留言</div>
                    <div class="fontclass">.icon-liuyan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianzan"></i>
                    <div class="name">点赞</div>
                    <div class="fontclass">.icon-dianzan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-danghui"></i>
                    <div class="name">党徽</div>
                    <div class="fontclass">.icon-danghui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pindaojiankong"></i>
                    <div class="name">频道监控</div>
                    <div class="fontclass">.icon-pindaojiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-app"></i>
                    <div class="name">APP</div>
                    <div class="fontclass">.icon-app</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantoushangsheng1"></i>
                    <div class="name">箭头 上升</div>
                    <div class="fontclass">.icon-jiantoushangsheng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouxiajiang"></i>
                    <div class="name">箭头 下降</div>
                    <div class="fontclass">.icon-jiantouxiajiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-pencil"></i>
                    <div class="name">笔</div>
                    <div class="fontclass">.icon-icon-pencil</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bi"></i>
                    <div class="name">笔</div>
                    <div class="fontclass">.icon-bi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weichengnianrentedingzhongdajibingguanaibaoxianjin"></i>
                    <div class="name">未成年人特定重大疾病关爱保险金</div>
                    <div class="fontclass">.icon-weichengnianrentedingzhongdajibingguanaibaoxianjin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yanzhengma"></i>
                    <div class="name">验证码</div>
                    <div class="fontclass">.icon-yanzhengma</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pen"></i>
                    <div class="name">笔</div>
                    <div class="fontclass">.icon-pen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjianjia"></i>
                    <div class="name">文件夹</div>
                    <div class="fontclass">.icon-wenjianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tucao"></i>
                    <div class="name">吐槽</div>
                    <div class="fontclass">.icon-tucao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian1"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanyuwomen"></i>
                    <div class="name">关于我们</div>
                    <div class="fontclass">.icon-guanyuwomen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baoliao"></i>
                    <div class="name">爆料</div>
                    <div class="fontclass">.icon-baoliao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quxiao"></i>
                    <div class="name">取消</div>
                    <div class="fontclass">.icon-quxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-zijigou"></i>
                    <div class="name">新增-子机构</div>
                    <div class="fontclass">.icon-icon-zijigou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon_folder"></i>
                    <div class="name">文件夹</div>
                    <div class="fontclass">.icon-icon_folder</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziranzaihai"></i>
                    <div class="name">自然灾害</div>
                    <div class="fontclass">.icon-ziranzaihai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baozhi"></i>
                    <div class="name">报纸</div>
                    <div class="fontclass">.icon-baozhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tufashijianchuli"></i>
                    <div class="name">突发事件处理</div>
                    <div class="fontclass">.icon-tufashijianchuli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodetufashijian"></i>
                    <div class="name">我的突发事件</div>
                    <div class="fontclass">.icon-wodetufashijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuanbolujing"></i>
                    <div class="name">传播路径</div>
                    <div class="fontclass">.icon-chuanbolujing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lishirenwu"></i>
                    <div class="name">历史</div>
                    <div class="fontclass">.icon-lishirenwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia-yuankuang"></i>
                    <div class="name">301加-圆框</div>
                    <div class="fontclass">.icon-jia-yuankuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia"></i>
                    <div class="name">301加</div>
                    <div class="fontclass">.icon-jia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian"></i>
                    <div class="name">302减</div>
                    <div class="fontclass">.icon-jian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiangbei"></i>
                    <div class="name">奖杯</div>
                    <div class="fontclass">.icon-jiangbei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhengwen"></i>
                    <div class="name">正文</div>
                    <div class="fontclass">.icon-zhengwen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiujiaguanli"></i>
                    <div class="name">休假管理</div>
                    <div class="fontclass">.icon-xiujiaguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gantan"></i>
                    <div class="name">感叹号</div>
                    <div class="fontclass">.icon-gantan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow-fine-left"></i>
                    <div class="name">左箭头</div>
                    <div class="fontclass">.icon-arrow-fine-left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gantanhao"></i>
                    <div class="name">感叹号</div>
                    <div class="fontclass">.icon-gantanhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jixiaoguanli"></i>
                    <div class="name">绩效管理</div>
                    <div class="fontclass">.icon-jixiaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin-copy"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanzailiang"></i>
                    <div class="name">转载量</div>
                    <div class="fontclass">.icon-zhuanzailiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao-"></i>
                    <div class="name">视图</div>
                    <div class="fontclass">.icon-tubiao-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghuming"></i>
                    <div class="name">用户名</div>
                    <div class="fontclass">.icon-yonghuming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang"></i>
                    <div class="name">收 藏</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-redian"></i>
                    <div class="name">热点</div>
                    <div class="fontclass">.icon-redian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuanbofenxi"></i>
                    <div class="name">传播分析</div>
                    <div class="fontclass">.icon-chuanbofenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-checkbox-xuanzhong"></i>
                    <div class="name">201checkbox-选中</div>
                    <div class="fontclass">.icon-checkbox-xuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-checkbox-weixuan"></i>
                    <div class="name">201checkbox-未选</div>
                    <div class="fontclass">.icon-checkbox-weixuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanbu"></i>
                    <div class="name">全部</div>
                    <div class="fontclass">.icon-quanbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaozhizuomoban-copy"></i>
                    <div class="name">奖牌</div>
                    <div class="fontclass">.icon-tubiaozhizuomoban-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjia"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-meiti"></i>
                    <div class="name">媒体</div>
                    <div class="fontclass">.icon-meiti</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiayiyeqianjinchakangengduo"></i>
                    <div class="name">309下一页、前进、查看更多</div>
                    <div class="fontclass">.icon-xiayiyeqianjinchakangengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhuidingbu"></i>
                    <div class="name">返回顶部</div>
                    <div class="fontclass">.icon-fanhuidingbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-backs"></i>
                    <div class="name">308上一页、后退、返回</div>
                    <div class="fontclass">.icon-backs</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenfenzheng"></i>
                    <div class="name">身份证</div>
                    <div class="fontclass">.icon-shenfenzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiangpai"></i>
                    <div class="name">奖牌</div>
                    <div class="fontclass">.icon-jiangpai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanfa"></i>
                    <div class="name">转发</div>
                    <div class="fontclass">.icon-zhuanfa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangdajing"></i>
                    <div class="name">放大镜</div>
                    <div class="fontclass">.icon-fangdajing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghu-xianxing"></i>
                    <div class="name">224用户-线性</div>
                    <div class="fontclass">.icon-yonghu-xianxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fensi"></i>
                    <div class="name">粉丝</div>
                    <div class="fontclass">.icon-fensi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pandianqizi"></i>
                    <div class="name">旗子</div>
                    <div class="fontclass">.icon-pandianqizi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-navup"></i>
                    <div class="name">310向下、展开</div>
                    <div class="fontclass">.icon-navup</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenhao"></i>
                    <div class="name">问号</div>
                    <div class="fontclass">.icon-wenhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sangang"></i>
                    <div class="name">三杠</div>
                    <div class="fontclass">.icon-sangang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanyuan"></i>
                    <div class="name">还原</div>
                    <div class="fontclass">.icon-huanyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-benqihuikuan"></i>
                    <div class="name">本期回款</div>
                    <div class="fontclass">.icon-benqihuikuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhineng"></i>
                    <div class="name">智能</div>
                    <div class="fontclass">.icon-zhineng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang1"></i>
                    <div class="name">收 藏</div>
                    <div class="fontclass">.icon-shoucang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoji_"></i>
                    <div class="name">标记_1</div>
                    <div class="fontclass">.icon-biaoji_</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-luntan"></i>
                    <div class="name">论坛</div>
                    <div class="fontclass">.icon-luntan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shu"></i>
                    <div class="name">书</div>
                    <div class="fontclass">.icon-shu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang2"></i>
                    <div class="name">收 藏</div>
                    <div class="fontclass">.icon-shoucang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hulianwang"></i>
                    <div class="name">互联网</div>
                    <div class="fontclass">.icon-hulianwang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jindutiao"></i>
                    <div class="name">进度条</div>
                    <div class="fontclass">.icon-jindutiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxi"></i>
                    <div class="name">信息</div>
                    <div class="fontclass">.icon-xinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongtubiao-"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xitongtubiao-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-touxiang"></i>
                    <div class="name">头像</div>
                    <div class="fontclass">.icon-touxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tingkaodianxuanzhongzhuangtai"></i>
                    <div class="name">停靠点（选中状态）</div>
                    <div class="fontclass">.icon-tingkaodianxuanzhongzhuangtai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouarrowheads3"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantouarrowheads3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-collision"></i>
                    <div class="name">碰撞比对</div>
                    <div class="fontclass">.icon-collision</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuocedaohang_zhengcefagui"></i>
                    <div class="name">左侧导航_政策法规</div>
                    <div class="fontclass">.icon-zuocedaohang_zhengcefagui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian-yuankuang"></i>
                    <div class="name">302减-圆框</div>
                    <div class="fontclass">.icon-jian-yuankuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangzhan"></i>
                    <div class="name">网站</div>
                    <div class="fontclass">.icon-wangzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinianri"></i>
                    <div class="name">纪念日</div>
                    <div class="fontclass">.icon-jinianri</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui"></i>
                    <div class="name">工业区-返回#ffffff 26*26px</div>
                    <div class="fontclass">.icon-fanhui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zidingyifenxi"></i>
                    <div class="name">自定义分析</div>
                    <div class="fontclass">.icon-zidingyifenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tupian"></i>
                    <div class="name">图片</div>
                    <div class="fontclass">.icon-tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanwenlianjie"></i>
                    <div class="name">原文链接</div>
                    <div class="fontclass">.icon-yuanwenlianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantoushangsheng"></i>
                    <div class="name">箭头 上升1</div>
                    <div class="fontclass">.icon-jiantoushangsheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingbu"></i>
                    <div class="name">顶部</div>
                    <div class="fontclass">.icon-dingbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sanjiaoxing"></i>
                    <div class="name">三角形</div>
                    <div class="fontclass">.icon-sanjiaoxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongdaanbao"></i>
                    <div class="name">重大安保</div>
                    <div class="fontclass">.icon-zhongdaanbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-siwangrenyuan"></i>
                    <div class="name">死亡人员</div>
                    <div class="fontclass">.icon-siwangrenyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-clear-d7d8d9"></i>
                    <div class="name">删  除</div>
                    <div class="fontclass">.icon-clear-d7d8d9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhineng1"></i>
                    <div class="name">智能</div>
                    <div class="fontclass">.icon-zhineng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakanyuanwen"></i>
                    <div class="name">查看原文</div>
                    <div class="fontclass">.icon-chakanyuanwen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou_xiangxia"></i>
                    <div class="name">箭头_向下</div>
                    <div class="fontclass">.icon-jiantou_xiangxia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou_xiangshang"></i>
                    <div class="name">箭头_向上</div>
                    <div class="fontclass">.icon-jiantou_xiangshang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin1"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangji"></i>
                    <div class="name">相机</div>
                    <div class="fontclass">.icon-xiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shequneiicon-"></i>
                    <div class="name">眼睛</div>
                    <div class="fontclass">.icon-shequneiicon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianbi"></i>
                    <div class="name">铅笔</div>
                    <div class="fontclass">.icon-qianbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq"></i>
                    <div class="name">qq</div>
                    <div class="fontclass">.icon-qq</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-denglu"></i>
                    <div class="name">登录</div>
                    <div class="fontclass">.icon-denglu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlian"></i>
                    <div class="name">关联</div>
                    <div class="fontclass">.icon-guanlian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gouxuan"></i>
                    <div class="name">勾选</div>
                    <div class="fontclass">.icon-gouxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gouxuan1"></i>
                    <div class="name">勾选</div>
                    <div class="fontclass">.icon-gouxuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-zhuizong"></i>
                    <div class="name">icon-追踪</div>
                    <div class="fontclass">.icon-icon-zhuizong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwuxiangqing-renwugouxuankuang-gouxuan"></i>
                    <div class="name">任务详情-任务勾选框-勾选</div>
                    <div class="fontclass">.icon-renwuxiangqing-renwugouxuankuang-gouxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mima"></i>
                    <div class="name">密码</div>
                    <div class="fontclass">.icon-mima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi"></i>
                    <div class="name">关  闭</div>
                    <div class="fontclass">.icon-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangshangshouqi"></i>
                    <div class="name">311向上、收起</div>
                    <div class="fontclass">.icon-xiangshangshouqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-smile"></i>
                    <div class="name">cry</div>
                    <div class="fontclass">.icon-smile</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kulian"></i>
                    <div class="name">哭脸</div>
                    <div class="fontclass">.icon-kulian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghu"></i>
                    <div class="name">224用户</div>
                    <div class="fontclass">.icon-yonghu</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
